/* components/Login/Login.wxss */
@import "../../assets/css/stylesheet.wxss";
.container{
    .loginbox{
        width: 100vw;
        height: 20vh;
        float: left;
        border-radius: 20rpx;
        overflow: hidden;
        .btn{
          padding-top: 6vh;
        }
        .loginimg{
            float: left;
            overflow:hidden;  
            display: block;  
            width: 160rpx;  
            height: 160rpx;  
            // margin: 20rpx;  
            margin-top: 40rpx;  
            border-radius: 50%;  
            border: 2px solid #fff;  
            box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);  
           margin-right:30rpx;
           margin-left: 30rpx;
        }
        .user{
            display: block;
            line-height: 20vh;
           font-size: 40rpx;
           letter-spacing: 20rpx;
           color: white;
        }
    }
    .logintable{
        margin-top: 5vh;
        width: 100vw;
        height: 100vh;
        ul{
            li{
                padding-left: 10rpx;
                width: 100vw;
                line-height: 10vh;
                display: block;
                border-bottom: 1px solid rgb(153, 150, 150);
                .icon{
                    float: right;
                    padding-right: 30rpx;
                }
                .geo{
                    color: #eed456;
                }
                .anemo{
                    color: #5ff6e3;
                }
                .cryo{
                    color: #c0f2fa;
                }
                .dendro{
                    color: #37b284;
                }
                .electro{
                    color:#b17def ;
                }
            }
        }
    }
}